.el-tabs__active-bar {
  background-color: var(--color-primary);
}

.el-tabs__new-tab:hover {
  color: var(--color-primary);
}

.el-tabs__nav-wrap::after {
  height: 0px;
  border-bottom: 1px solid var(--color-border-second);
}

.el-tabs__nav-next,
.el-tabs__nav-prev {
  color: var(--color-font-third);
}

.el-tabs__item {
  color: var(--color-font-first);
}

.el-tabs__item:focus.is-active.is-focus:not(:active) {
  -webkit-box-shadow: 0 0 2px 2px var(--color-primary) inset;
  box-shadow: 0 0 2px 2px var(--color-primary) inset;
}

.el-tabs__item.is-active {
  color: var(--color-primary);
}

.el-tabs__item:hover {
  color: var(--color-primary);
}

.el-tabs--card > .el-tabs__header {
  border-bottom: 1px solid var(--color-border-second);
}

.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: 1px solid var(--color-border-second);
}

.el-tabs--card > .el-tabs__header .el-tabs__item {
  border-left: 1px solid var(--color-border-second);
}

.el-tabs--border-card {
  border: 1px solid var(--color-border-first);
}

.el-tabs--border-card > .el-tabs__header {
  border-bottom: 1px solid var(--color-border-second);
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  color: var(--color-font-third);
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  color: var(--color-primary);
  background-color: #fff;
  border-right-color: var(--color-border-first);
  border-left-color: var(--color-border-first);
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: var(--color-primary);
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
  border-top: 1px solid var(--color-border-first);
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
  border-right: 1px solid var(--color-border-second);
  border-top: 1px solid var(--color-border-second);
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
  border-right: 1px solid var(--color-border-second);
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
  border: 1px solid var(--color-border-second);
  border-right-color: #fff;
}

.el-tabs--left.el-tabs--card .el-tabs__nav {
  border-radius: 4px 0 0 4px;
  border-bottom: 1px solid var(--color-border-second);
}

.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
  border-right: 1px solid #dfe4ed;
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
  border-color: transparent;
  border-top-color: #d1dbe5;
  border-bottom-color: #d1dbe5;
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
  border-top: 1px solid var(--color-border-second);
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
  border-left: 1px solid var(--color-border-second);
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
  border: 1px solid var(--color-border-second);
  border-left-color: #fff;
}

.el-tabs--right.el-tabs--card .el-tabs__nav {
  border-bottom: 1px solid var(--color-border-second);
}

.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
  border-left: 1px solid #dfe4ed;
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
  border: 1px solid transparent;
  margin: -1px -1px -1px 0;
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
  border-color: transparent;
  border-top-color: #d1dbe5;
  border-bottom-color: #d1dbe5;
}
